<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.9 - http://yoast.com/wordpress/seo/ -->
<title>Tristar Web Design, Website Design London &amp; Web Designers</title>


<link rel='stylesheet' id='google_fonts-css'  href='http://fonts.googleapis.com/css?family=Oswald&#038;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Ccyrillic&#038;ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='jqueryui-css'  href='css/custom.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='flexslider-css'  href='css/flexslider.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='slider-style-css'  href='css/slider-style.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='screen-css'  href='css/screen.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-css'  href='css/jquery.fancybox.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox_thumb-css'  href='css/jquery.fancybox-thumbs.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='mediaelementplayer-css'  href='css/mediaelementplayer.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='tipsy-css'  href='css/tipsy.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='custom_css-css'  href='css/custom-css.php?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='grid-css'  href='css/grid.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='css/styles.css?ver=3.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css?ver=3.5.1' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery.js?ver=1.8.3'></script>
<script type='text/javascript' src='js/jquery.themepunch.plugins.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='js/jquery.themepunch.revolution.min.js?ver=3.5.1'></script>

<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" id="syntaxhighlighteranchor"></style>
</head>


<body class="home_css_not_for_other_page blog">

	<input type="hidden" id="slider_timer" name="slider_timer" value="10"/>
	
	<input type="hidden" id="pp_blogurl" name="pp_blogurl" value="http://www.tristarwebdesign.co.uk"/>
	
	<input type="hidden" id="pp_stylesheet_directory" name="pp_stylesheet_directory" value="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens"/>
	<input type="hidden" id="pp_footer_style" name="pp_footer_style" value="3"/>
	<input type="hidden" id="pp_lightbox_padding" name="pp_lightbox_padding" value="10"/>
	<input type="hidden" id="pp_lightbox_opacity" name="pp_lightbox_opacity" value="0.7"/>
	<input type="hidden" id="pp_lightbox_open_effect" name="pp_lightbox_open_effect" value="elastic"/>
	<input type="hidden" id="pp_lightbox_open_speed" name="pp_lightbox_open_speed" value="150"/>
	<input type="hidden" id="pp_lightbox_autoplay" name="pp_lightbox_autoplay" value="true"/>
	<input type="hidden" id="pp_lightbox_play_speed" name="pp_lightbox_play_speed" value="4000"/>
	
	<!-- Begin template wrapper -->
	<div id="wrapper">
			
		<div class="header_bg">	
		
						<!-- Begin top bar -->
			<div id="top_bar">
			    
			    <div class="top_bar_wrapper">
			    				    	<div class="top_social">
			
			    		<ul class="social_wrapper">
			    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter.png" alt=""/></a></li>
			    	    				    	    				    	    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook.png" alt=""/></a></li>
			    	    				    	    					        				    	    </ul>
			    	
			    	</div>
			    				    	
			    </div>
			    	
			    			    <div class="top_contact_info">
			        <ul>
			        				        		<li><img src="images/grey_phone_icon.png" alt="" class="middle">0207 310 8757</li>
			        				        				        		<li><img src="images/grey_email_icon.png" alt="" class="middle">info@tristarwebdesign.co.uk</li>
			        				        </ul>
			    </div>
			    			    
			    			    
			    			    
			</div>
			<!-- End top bar -->
					
			<!-- Begin header -->
			<div id="header_wrapper">
				
				<!-- Begin main nav -->
				<div id="menu_wrapper">
				
				    <div class="logo">
				    	<!-- Begin logo -->
				    
				    					    	
				    	<a id="custom_logo" href="http://www.tristarwebdesign.co.uk" title="Web Design London, Website Design & Web Designers London"><img src="images/logo.png" alt="Web Design London, Website Design & Web Designers London"/></a>
				    	
				    	<!-- End logo -->
				    	
				    </div>
				    
				    <img id="mobile_menu" src="images/mobile_menu.png" alt=""/>
				    
				    <div id="menu_border_wrapper">
				
				    	<div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-6735" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-6735"><a title="Tristar Home page" href="/">Home</a></li>
<li id="menu-item-6731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6731"><a title="About Tristar Web Design" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6732"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6734"><a title="Our Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
<li id="menu-item-6733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6733"><a title="Web Design Blog" href="http://www.tristarwebdesign.co.uk/blog">Blog</a></li>
<li id="menu-item-6730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6730"><a title="Contact Tristar Web Design" href="http://www.tristarwebdesign.co.uk/contact-us">Contact Us</a></li>
</ul></div>				    
				    </div>
				
				</div>
				<!-- End main nav -->
		
		</div>
		
				
		<br class="clear"/>
				
				
				

</div>
<!-- End header bg -->


<div class="page_caption">
    	<div class="caption_inner">
    		<div class="caption_header">
    			<h1 class="cufon"><span>Blog</span></h1>
    		</div>
    		<div class="caption_breadcrumbs"><div id="crumbs"><a href="http://www.tristarwebdesign.co.uk">Home</a> / <a href="http://www.tristarwebdesign.co.uk/general" title="View all posts in General">General</a> / <span class="current">Introduction to Aptana Studio 3</span></div></div>
    	</div>
    	<br class="clear"/>
    </div>
    <div class="thickline"></div>
    <br class="clear"/>

<!-- Begin content -->
	<div id="content_wrapper">
	    
	    <div class="inner">
	    
	    	<!-- Begin main content -->
	    	<div class="inner_wrapper">
	    	
	    		<div class="standard_wrapper">
	    		
	    				    		
	    			<div class="sidebar_content">
						
												
						<!-- Begin each blog post -->
						<div id="post-6658" class="post-6658 post type-post status-publish format-standard hentry category-general category-tutorials category-web-design-news category-website-design tag-coding tag-development tag-software tag-web-design-2" class="post_wrapper">
						
								
						    	<div class="post_img_wrapper">
						    		<div class="post_date">
									    <div class="date">11</div>
									    <div class="month">Jun</div>
									    <div class="year">2013</div>
									</div>
							    	<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/aptana1.jpg" alt=""/>
							    </div>
						    
						    						    
						    <br class="clear"/>
						    
						    <div class="post_header_wrapper">
						    	<div class="post_header">
						    		<h3><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3" title="Introduction to Aptana Studio 3">Introduction to Aptana Studio 3								
						    			</a>
						    		</h3>
						    		<div class="post_detail">
						    			<div class="post_detail_item">
										    11 Jun 2013&nbsp;/
										</div>
									    <div class="post_detail_item">
										    By &nbsp;/
									    </div>
									    <div class="post_detail_item">
										    <a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3">Leave a Comment</a>&nbsp;/
									    </div>
									    <div class="post_detail_item">
										    Tags: <a href="http://www.tristarwebdesign.co.uk/tag/coding" rel="tag">coding</a>, <a href="http://www.tristarwebdesign.co.uk/tag/development" rel="tag">development</a>, <a href="http://www.tristarwebdesign.co.uk/tag/software" rel="tag">software</a>, <a href="http://www.tristarwebdesign.co.uk/tag/web-design-2" rel="tag">web design</a>									    </div>
									</div>
						    	</div>
						    </div>
						    
						    <div class="post_excerpt">
						    <p>Over the last few years I have tried many text editors such as Dreamweaver, Text Mate and Net Beans &#8211;  all have their pro and cons.  Personally I found Aptana Studio one of the best editors out there and to top it off – It&#8217;s FREE.  It is brilliant for both front end and backend developers as it has a full understanding of JavaScript and PHP and provides great coding assistance.  In this post I will show you how to get set up with Aptana.</p>
<h2>Getting Started</h2>
<p>To set up a project, go to File-&gt;New-&gt;Web Project.  This will bring up the window below. You can specify a project name and a local project location.  By default Aptana sets up a project location.  You can change this by simply un ticking the tick box and browsing to a location.</p>
<p>If you wish to set up a PHP project, go to File-&gt;New-&gt;Project and choose PHP Project. Once you have set this up click finish.</p>
<p><a href="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic1.jpg"><img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic1-300x285.jpg" alt="" width="300" height="285" /></a></p>
<p>You should now notice your project in the project explorer on the left hand side.</p>
<p><a href="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic2.jpg"><img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic2-300x232.jpg" alt="" width="300" height="232" class="alignnone size-medium wp-image-2995" /></a></p>
<h2>Setting Up FTP</h2>
<p>
Unlike most other FREE text editors – Aptana Studio 3 offers full FTP support with remote view. To set up an new FTP connection for a new project right click on the connections tab in the project view and select connection manager.  Here you can create a new new connection by choosing the local project and entering the destination details.
</p>
<p>
To upload a file, you can click the upload arrow in the project explorer, alternatively you can press CMD, SHIFT &amp; U on a mac or CTRL, SHIFT &amp; U on a PC.
</p>
<p><a href="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic3.jpg"><img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic3-300x227.jpg" alt="" width="300" height="227" class="alignnone size-medium wp-image-2999" /></a></p>
<h2>Setting up the Appearance</h2>
<p>
The one cool thing about Aptana is that you can totally customise the appearance.  There also loads of preset themes like Eclipse, Dreamweaver, iMac Classic and older versions of Aptana.  To bring up the below window go to Aptana Studio 3-&gt;Preferences-&gt;Aptana Studio-&gt;Themes.
</p>
<p><a href="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic4.jpg"><img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2011/11/pic4-279x300.jpg" alt="" width="279" height="300" class="alignnone size-medium wp-image-3002" /></a></p>
<p>Another great feature of Aptana is the code formatting.  You can customise how the editor formats HTML, CSS and PHP etc.  For example, you can tell Aptana to put all p tags on there own line.</p>
<p>All this is just scratching the surface of Aptana Studio 3 – there is so much more such a debugging, plugins, project templates and other web design / development features.  Please feel free to share and tips and tricks.</p>
							    
						    </div>
						    
						    <br class="clear"/>
						    
						    <div class="tag_cloud">
						    	<a href="http://www.tristarwebdesign.co.uk/tag/coding" rel="tag">coding</a><a href="http://www.tristarwebdesign.co.uk/tag/development" rel="tag">development</a><a href="http://www.tristarwebdesign.co.uk/tag/software" rel="tag">software</a><a href="http://www.tristarwebdesign.co.uk/tag/web-design-2" rel="tag">web design</a>						    </div>
						    
						    	
						    
						    	<br class="clear"/><div class="thickline"></div><br class="clear"/>
						    
							   <!-- AddThis Button BEGIN -->
							   <div class="addthis_toolbox addthis_default_style ">
							   <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
							   <a class="addthis_button_tweet"></a>
							   <a class="addthis_button_pinterest_pinit"></a>
							   <a class="addthis_counter addthis_pill_style"></a>
							   </div>
							   <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51b669a419f00063"></script>
							   <!-- AddThis Button END -->
							    <br class="clear"/>
							    
															
						
						</div>
						
						<!-- End each blog post -->
						
						
						 
					
	<h3>No comment</h3><br/>

	<div class="comment_wrapper">
	       
	<div class="comment" id="comment-355">
		<div class="left">
         	<img alt='' src='http://1.gravatar.com/avatar/5c38504494fff9310f80dbfe970c05fa?s=55&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D55&amp;r=G' class='avatar avatar-55 photo' height='55' width='55' />      	</div>
      
		<div class="comment_arrow"></div>
      	<div class="right">
			         		<em>(Your comment is awaiting moderation.)</em>
         		<br />
      					
								<a href="http://www.www.xx"><strong class="comment_autor">test</strong></a>
						
			      			<p class="comment-reply-link"><a class='comment-reply-link' href='/general/introduction-to-aptana-studio-3?replytocom=355#respond' onclick='return addComment.moveForm("comment-355", "355", "respond", "6658")'>(Reply)</a></p>
						<div class="comment_date">October 24, 2013, 9:47 am</div>
			
			<br class="clear"/>
      		<p>sssssssssss sssssssssssss</p>

      	</div>
    </div>
</li>
	</div>
	    
	<!-- End of thread -->  
	<br class="clear"/><br/>
	
  




 

	<div id="respond">
										<div id="respond">
				<h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/general/introduction-to-aptana-studio-3#respond" style="display:none;">Cancel reply</a></small></h3>
									<form action="http://www.tristarwebdesign.co.uk/wp-comments-post.php" method="post" id="commentform">
																			<p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p>							<p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="test" size="30" aria-required='true' /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="info@muanhaonline.com.vn" size="30" aria-required='true' /></p>
<p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="http://www.www.xx" size="30" /></p>
												<p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>						<p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes:  <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></p>						<p class="form-submit">
							<input name="submit" type="submit" id="submit" value="Post Comment" />
							<input type='hidden' name='comment_post_ID' value='6658' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
						</p>
											</form>
							</div><!-- #respond -->
							</div>
			
 						
												
						
					</div>
					
					<div class="sidebar_wrapper">
						<div class="sidebar_top" style="border:0"></div>
					
						<div class="sidebar">
							
							<div class="content">
							
								<ul class="sidebar_widget">
									<li id="search-3" class="widget widget_search"><form role="search" method="get" id="searchform" action="http://www.tristarwebdesign.co.uk/" >
	<div><label class="screen-reader-text" for="s">Search for:</label>
	<input type="text" value="" name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Search" />
	</div>
	</form></li>
<li id="text-4" class="widget widget_text"><h2 class="widgettitle">Get a FREE quote today!</h2>
			<div class="textwidget"><div class="wpcf7" id="wpcf7-f6806-w1-o1"><form action="/general/introduction-to-aptana-studio-3#wpcf7-f6806-w1-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="6806" />
<input type="hidden" name="_wpcf7_version" value="3.4.1" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f6806-w1-o1" />
<input type="hidden" name="_wpnonce" value="e6fcb56563" />
</div>
<p>Your Name<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" /></span> </p>
<p>Your Email<br />
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" /></span> </p>
<p>Telephone<br />
    <span class="wpcf7-form-control-wrap tel-600"><input type="tel" name="tel-600" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" /></span> </p>
<p>Your Message<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea></span> </p>
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div></div>
		</li>
<li id="custom_twitter-2" class="widget Custom_Twitter"></li>
<li id="tag_cloud-2" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2>
<div class="tagcloud"><a href='http://www.tristarwebdesign.co.uk/tag/coding' class='tag-link-39' title='1 topic' style='font-size: 11px;'>coding</a>
<a href='http://www.tristarwebdesign.co.uk/tag/css' class='tag-link-33' title='1 topic' style='font-size: 11px;'>CSS</a>
<a href='http://www.tristarwebdesign.co.uk/tag/design' class='tag-link-36' title='1 topic' style='font-size: 11px;'>design</a>
<a href='http://www.tristarwebdesign.co.uk/tag/development' class='tag-link-38' title='1 topic' style='font-size: 11px;'>development</a>
<a href='http://www.tristarwebdesign.co.uk/tag/less' class='tag-link-34' title='1 topic' style='font-size: 11px;'>LESS</a>
<a href='http://www.tristarwebdesign.co.uk/tag/showcase' class='tag-link-35' title='1 topic' style='font-size: 11px;'>showcase</a>
<a href='http://www.tristarwebdesign.co.uk/tag/software' class='tag-link-37' title='1 topic' style='font-size: 11px;'>software</a>
<a href='http://www.tristarwebdesign.co.uk/tag/tutorials' class='tag-link-29' title='1 topic' style='font-size: 11px;'>Tutorials</a>
<a href='http://www.tristarwebdesign.co.uk/tag/web-design-2' class='tag-link-13' title='2 topics' style='font-size: 11px;'>web design</a></div>
</li>
		<li id="recent-posts-3" class="widget widget_recent_entries">		<h2 class="widgettitle">Recent posts</h2>
		<ul>
					<li>
				<a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3" title="Introduction to Aptana Studio 3">Introduction to Aptana Studio 3</a>
						</li>
					<li>
				<a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design" title="10 Examples of Subtle Patterns in Website Design">10 Examples of Subtle Patterns in Website Design</a>
						</li>
					<li>
				<a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better" title="LESS is better">LESS is better</a>
						</li>
				</ul>
		</li>
								</ul>
								
							</div>
						
						</div>
						
						<div class="sidebar_bottom"></div>
						<br class="clear"/>
					
					</div>
					
				</div>
				<!-- End main content -->
				
				<br class="clear"/>
			</div>
		</div>
				

	
	</div>
		
		</div>
		
		<!-- Begin footer -->
		<div id="footer">
			<div class="thickline"></div>
			
						<ul class="sidebar_widget three">
				<li id="text-2" class="widget widget_text"><h2 class="widgettitle">Contact info</h2>
			<div class="textwidget"><div class="textwidget"><p>25 Victoria Street London SW1H 0EX.
</p><div style="width:60px;float:left;font-weight:bold;">Phone:</div>
<div style="float:left;">0207 310 8757</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Email:</div>
<div style="float:left;">info@tristarwebdesign.co.uk</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Website:</div>
<div style="float:left;">www.tristarwebdesign.co.uk</div>
</div></div>
		</li>
<li id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">Pages</h2>
<div class="menu-footer-menu-left-container"><ul id="menu-footer-menu-left" class="menu"><li id="menu-item-6767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6767"><a title="Tristar Home Page" href="/">Home</a></li>
<li id="menu-item-6762" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6687 current_page_item menu-item-6762"><a title="About us" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6763"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6765"><a title="Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
</ul></div></li>
<li id="custom_recent_post_thumbnails-2" class="widget Custom_Recent_Post_Thumbnails"><h2 class="widgettitle"><span>Recent Posts</span></h2><ul class="thumb"><li><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3" title="Introduction to Aptana Studio 3" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/aptana1-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design" title="10 Examples of Subtle Patterns in Website Design" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/subtle-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better" title="LESS is better" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/less-150x150.jpg" alt="" /></a></li></ul><br class="clear"/></li>
			</ul>
			
			<br class="clear"/>
						
		</div>
		<!-- End footer -->
		<div>
		<div>
		<div id="copyright" >
			<div class="copyright_wrapper">
				<div class="left_wrapper">
				Copyright © 2013 - Tristar Web Design - Part of the Creare Group				</div>
				
								<div class="right_wrapper">
					<ul class="social_wrapper">
				    					    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter_light.png" alt=""/></a></li>
				    					    					    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook_light.png" alt=""/></a></li>
				    					    					    					    					    					    					    					    					    					    				        					    </ul>				
				</div>
								<br class="clear"/>
			</div>
			</div>
		
		</div>
	
	</div>
		
	<div id="toTop">
		<img src="images/arrow_up_24x24.png" alt=""/>
	</div>


<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.ui.core.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.widget.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.accordion.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.tabs.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/swfobject.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox.pack.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox-thumbs.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.easing.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/gmap.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.tipsy.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.validate.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/browser.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.isotope.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.flexslider-min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/reflection.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jwplayer.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/hint.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/mediaelement-and-player.min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/custom.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.form.min.js?ver=3.32.0-2013.04.03'></script>
<script type='text/javascript' src='js/all.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.tristarwebdesign.co.uk\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='js/scripts.js?ver=3.4.1'></script>

</body>
</html>
